<template>
  <transition
    :duration="{ enter: 200, leave: 200 }"
    enter-active-class="animated fadeIn"
    leave-active-class="animated fadeOut"
  >
    <Keep-alive :includes="cahedViews">
      <router-view :key="key" />
    </Keep-alive>
  </transition>
</template>
<script>
export default {
  name: 'AppBottom',
  data() {
    return {
      cahedViews: [],
    }
  },
  computed: {
    key() {
      return this.$route.path
    },
  },
}
</script>
<style lang="scss" scoped></style>
